<div class="panel "  style="background-color:transparent; ">
	<div class="list-group-item ">Create Questions and Answers</div>
	<div style="height:80%;background-color:transparent;" class="panel-body">
		<div class="row">
				<div style=" width:100%;padding:40px 50px;background-color:transparent;" >
					
					<div class="list-group">
						<a class="list-group-item active" href="#">
						  <h4 class="list-group-item-heading">Question</h4>
						  <p class="list-group-item-text">Write your question in below</p>
						</a>
		      			<div class="panel-body">
					      	<div>
						       	<p class="list-group-item-text">
						       		<h4 class="list-group-item-heading">Question Body</h4>
						       	</p>
						       	<input type="text" class="form-control" id="questionBody">
					       	</div>
		       			</div>
			       	</div>
			       	<div>
						<button type="button" class="btn btn-default btn-lg" onclick="addAnswerRow();">
							<span class="glyphicon glyphicon-plus" aria-hidden="true"></span> ADD AN ANSWER
						</button>
			       	</div>
			       	<div class="list-group">
						<a class="list-group-item list-group-item-success" href="#">
						  <h4 class="list-group-item-heading">Answers</h4>
						  <p class="list-group-item-text">Write the answer in below</p>
						</a>
						<div class="panel-body">
		      				<answerrow/>
		      			</div>
			       	</div>
			     </div>
	</div>
</div>
  
<div>
	<input type="button" id="btnSubmit" value="Submit" class="uibutton large" onclick="insertAQuestion();showmsg('Record is saved!');">
	<input type="button" id="btnClearCategory" value="Clear" class="uibutton large" onclick="clearall();">
</div>

<script>
	function removeme(ctrl){
		var oldValue = $('#answercount').val();
		var newVal = parseFloat(oldValue) - 1;
		$(ctrl).parent().parent().fadeOut("slow",function() { $(this).remove();$('#answercount').val(newVal); });
		
	}
	
	
</script>